<template>
    <Layout :class="prefixCls">
        <LayoutSideBar v-if="getShowSidebar" />
    </Layout>
</template>
<script lang="ts">
import { defineComponent, ref, unref } from 'vue';
import { Layout } from 'ant-design-vue';
import LayoutSideBar from './sider/index.vue';

import { useDesign } from '@/hooks/web/useDesign';
export default defineComponent({
    name: 'DefaultLayout',
    components: {
        Layout,
        LayoutSideBar,
    },
    setup() {
        const { prefixCls } = useDesign('default-layout');
        const getShowSidebar = ref(true);

        return {
            prefixCls,
            getShowSidebar,
        };
    },
});
</script>
<style lang="less">
@prefix-cls: ~'@{namespace}-default-layout';
.@{prefix-cls} {
    display: flex;
    width: 100%;
    min-height: 100%;
    // background-color: @content-bg;
    flex-direction: column;

    // > .ant-layout {
    //   min-height: 100%;
    // }

    // &-main {
    //   margin-left: 1px;
    // }
}
</style>
